@charset "utf-8";
/*===========样式重置================*/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
ol,
ul {
  list-style: none;
}
input,
select,
form images,
button {
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
textarea {
  width: 95%;
}
a {
  color: #000;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
* {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
ul,
ol,
li {
  list-style: none;
}
em,
i {
  font-style: normal;
}
img {
  border: none;
}
input,
img {
  vertical-align: middle;
}
body {
  color: #000;
  font-family: arial;
  background: #FFF;
  overflow-x: hidden;
}
.fl-l {
  float: left;
}
.fl-r {
  float: right;
}
/*=====================边框方案=======================*/
.ui-border-t {
  border-top: 1px solid #e0e0e0;
}
.ui-border-b {
  border-bottom: 1px solid #e0e0e0;
}
.ui-border-tb {
  border-top: #e0e0e0 1px solid;
  border-bottom: #e0e0e0 1px solid;
  background-image: none;
}
.ui-border-l {
  border-left: 1px solid #e0e0e0;
}
.ui-border-r {
  border-right: 1px solid #e0e0e0;
}
.ui-border-lr {
  border-left: #e0e0e0 1px solid;
  border-right: #e0e0e0 1px solid;
  background-image: none;
}
.ui-border {
  border: 1px solid #e0e0e0;
}
.ui-border-radius {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .ui-border-radius {
    position: relative;
    border: 0;
  }
  .ui-border-radius:before {
    content: "";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #e0e0e0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    padding: 1px;
    -webkit-box-sizing: border-box;
    border-radius: 8px;
    pointer-events: none;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .ui-border {
    position: relative;
    border: 0;
  }
  .ui-border-t,
  .ui-border-b,
  .ui-border-l,
  .ui-border-r,
  .ui-border-tb,
  .ui-border-lr {
    border: 0;
  }
  .ui-border-t {
    background-position: left top;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
  }
  .ui-border-b {
    background-position: left bottom;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
  }
  .ui-border-t,
  .ui-border-b,
  .ui-border-tb {
    background-repeat: repeat-x;
    -webkit-background-size: 100% 1px;
  }
  .ui-border-tb {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
    background-position: top, bottom;
  }
  .ui-border-lr {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
    background-position: left, right;
    background-repeat: repeat-y;
    -webkit-background-size: 1px 100%;
  }
  .ui-border-l {
    background-position: left top;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
  }
  .ui-border-r {
    background-position: right top;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
  }
  .ui-border-l,
  .ui-border-r {
    background-repeat: repeat-y;
    -webkit-background-size: 1px 100%;
  }
  .ui-border:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
    -webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    background-repeat: no-repeat;
    background-position: top, right, bottom, left;
    padding: 1px;
    -webkit-box-sizing: border-box;
    z-index: 10;
    pointer-events: none;
  }
}
/*====================整体内容开始=====================*/
.mmb_layout {
  min-width: 320px;
  max-width: 750px;
  margin: 0 auto;
}
/*====================头部===========================*/
.header_content {
  height: 0.58666667rem;
  color: #FFFFFF;
  background-color: #ff841d;
  width: 100%;
  padding: 0 6.7%;
  position: relative;
}
.header_content .left_arr {
  position: absolute;
  left: 0;
  top: 0px;
  width: 6.7%;
  height: 100%;
  text-align: center;
  line-height: 100%;
  font-size: 0.53333333rem;
}
.header_content .left_arr::before {
  color: #FFFFFF;
}
.header_content h2 {
  height: 100%;
  text-align: center;
  font-size: 0.26666667rem;
  line-height: 200%;
  width: 100%;
}
.header_content .app_download {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 6.7%;
  background: url("../images/header_app.png") no-repeat center center;
  background-size: 0.42666667rem 0.42666667rem;
}
/*==========================底部路径显示===================*/
.page_path {
  width: 100%;
  height: 38px;
  background: linear-gradient(to bottom, #fff, #ebebeb);
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-top: 20px;
  line-height: 38px;
  padding-left: 5px;
  margin-bottom: 30px;
}
.page_path a {
  display: inline-block;
  height: 100%;
}
/*========================footer 登录，注册，app下载===========*/
footer {
  background-color: #efefef;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}
footer .login a {
  float: left;
  width: 33.33%;
  height: 34px;
  text-align: center;
  line-height: 34px;
  border-bottom: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
}
footer .login a:before {
  line-height: 34px;
}
footer .login a:last-child {
  border-right: none;
}
footer .app_dl a {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
footer .app_dl a:first-of-type span:first-of-type {
  color: red;
}
footer .app_dl a:first-of-type span:last-of-type {
  color: #666;
}
footer .app_dl a:last-of-type {
  color: #666;
}
